<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="../js/plugins/layui-v2.4.5/layui/css/layui.css" />
		<link rel="stylesheet" href="../css/reset.css" />
		<link rel="stylesheet" href="../css/center.css" />
		<!--日历-->
		<link rel="stylesheet" href="../js/plugins/fullcalendar/fullcalendar.min.css" />
		<link rel="stylesheet" href="../js/plugins/fullcalendar/fullcalendar.print.min.css" />
	</head>
	<body>
		<div class="container">
			<div class="side-bar">
				<div class="header"><h3>工单状态</h3></div> 
				<div class="scroll-wrap">
					<ul class="layui-timeline" id="orderArr"></ul>
				</div>
			</div>
			<div class="main">
				<div class="layui-row layui-col-space10 top">
				  <div class="layui-col-md4">
					<div class="header"><h3>近24小时工单处理情况</h3></div>
					<div class="show-info" >
						<div id="orderEchart" style="width: 100%;height: 100%;"></div>
					</div>
				  </div>
				  <div class="layui-col-md4">
					<div class="header"><h3>在岗人员</h3></div>
					<div class="show-info" id="staff"></div>
				  </div>
				  <div class="layui-col-md4">
					<div class="header"><h3>我的日程</h3></div>
					<div class="show-info">
						<div id="calendar"></div>
					</div> 
				  </div>
				</div>
				<div class="layui-row" style="min-height: 400px;background: #fff;margin:5px">
					<div class="layui-tab layui-tab-brief" lay-filter="demo">
					  <ul class="layui-tab-title">
						<li class="layui-this">未分配</li>
						<li>工程师未接单</li>
						<li>处理中</li>
						<li>当日已完成</li>
						<li>待评价</li>
						<li>已关闭</li>
					  </ul>
					  <div class="layui-tab-content" >
						<div class="layui-tab-item layui-show"><table id="table0"></table></div>
						<div class="layui-tab-item"><table id="table1"></table></div>
						<div class="layui-tab-item"><table id="table2"></table></div>
						<div class="layui-tab-item"><table id="table3"></table></div>
						<div class="layui-tab-item"><table id="table4"></table></div>
						<div class="layui-tab-item"><table id="table5"></table></div>
					  </div>
					</div>
				</div>
			</div>
		</div>
		<script src="../js/jquery-3.3.1.min.js"></script>
		<script src="../js/plugins/layui-v2.4.5/layui/layui.js"></script>
		<!--工单动态-->
		<script src="../js/center.js"></script>
		<!--饼图-->
		<script src="../js/plugins/echarts.js"></script>
		<script src="../js/pieChart.js"></script>
		<!--日历-->
		<script src="../js/plugins/fullcalendar/moment.min.js"></script>
		<script src="../js/plugins/fullcalendar/fullcalendar.min.js"></script>
		<script src="../js/plugins/fullcalendar/zh-cn.js"></script>
		<script src="../js/calendar.js"></script>
		<script>
			$(function(){
				/*添加工单动态*/
				initOrderArr();
				/*在岗人员列表*/
				staffList();
				layui.use(['table','element'],function(){
					var table = layui.table,element = layui.element;;
					getTable(0);
					element.on('tab(demo)', function(data){
					  getTable(data.index);
					});
				})
			})
		</script>
	</body>
</html>
